import React from "react";

export interface EmptyRoomSVGProps {
    isDark?: boolean;
}

const EmptyRoomSVG: React.FC<EmptyRoomSVGProps> = ({ isDark }) => {
    const bgColor = isDark ? "#93BAFF" : "#fff";

    return (
        <svg
            fill="none"
            height="160"
            viewBox="0 0 240 240"
            width="160"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M31.053 130.551c6.866-4.374 19.22-13.216 15.238-23.983-11.794-31.877.287-53.895 21.487-56.299 44.165-5 36.059 61.558 100.803 41.98 45.266-13.691 76.839 24.972 45.436 51.184-22.6 18.863-45.754 46.567-45.754 46.567l-87.46-.316c-17.813-25.385-48.663-22.212-61.811-29.708-16.431-9.365 5.43-25.205 12.058-29.425"
                fill="url(#empty-room-svg)"
                opacity=".25"
            />
            <path
                d="M104.204 183.397h1.987c.129-.816.451-1.622.945-2.384 2.974-4.585 12.261-8.02 23.567-8.461v-14.935c-5.561-.537-10.414-1.793-14.763-3.554v.011l-4.993-2.083 4.317-10.222 5.014 2.169-2.309 5.379c.161.065.322.14.483.204 4.607 1.826 10.437 3.211 16.256 3.415 8.418.3 16.181-1.664 22.108-4.392 11.972-5.497 21.034-15.074 25.855-27.315 2.705-6.85 3.994-14.13 3.575-21.463-.419-7.355-2.416-14.688-5.691-20.808-5.229-9.77-13.807-17.727-24.663-22.247l-2.147 5.561-5.057-1.9L152.618 50l3.607 1.396c.398.16.816.311 1.214.472l.279.108-.011.01c9.535 4.038 16.846 9.857 22.687 17.856 7.065 9.674 12.681 23.374 10.566 39.834-1.89 14.71-8.773 26.091-17.888 34.144-9.309 8.235-20.669 13.958-37.58 14.302v14.42c13.26.494 23.761 5.1 24.642 10.844h1.986c1.879 0 3.404 1.482 3.404 3.307S163.999 190 162.12 190h-57.916c-1.879 0-3.403-1.482-3.403-3.307-.011-1.815 1.514-3.296 3.403-3.296Z"
                fill="#C1D5FF"
            />
            <path
                d="M175.767 122.851c-11.317 22.333-38.589 31.255-60.922 19.938-22.333-11.316-31.255-38.599-19.938-60.921 11.317-22.323 38.589-31.256 60.922-19.939s31.266 38.6 19.938 60.922Z"
                fill="#3381FF"
            />
            <path
                d="M152.93 126.05c2.352-.236 4.961-2.684 3.608-4.627-.505-.741-1.45-1.085-1.943-1.836-.655-.978-.366-2.266-.054-3.393.816-2.953 1.632-5.906 2.437-8.869.494-1.772.881-3.973-.472-5.229-.763-.719-1.869-.891-2.824-1.331-3.275-1.514-3.211-11.95-8.74-8.783.59-1.504-1.836-2.48-3.296-1.815-1.471.677-2.674 2.083-4.284 2.126-1.235.043-2.438-.762-3.63-.462-.837.215-1.449.913-2.007 1.579-1.063 1.267-2.116 2.544-3.179 3.811-.848 1.02-1.75 2.137-1.878 3.468-.129 1.332.901 2.846 2.233 2.674.612-.075 1.127-.483 1.707-.666.945-.3 2.051.011 2.695.773.537.634.719 1.493.837 2.319.913 6.722-1.803 13.454-5.529 19.102-.677 1.041-1.417 2.083-1.707 3.285-.344 1.407-.043 2.953-.591 4.306-.419 1.03-1.299 1.879-1.503 2.974-.365 2.018 1.933 3.736 3.973 3.543 2.05-.193 3.725-1.653 5.153-3.135 1.429-1.482 2.824-3.114 4.746-3.855 1.192-.461 2.523-.569 3.608-1.245 1.514-.945 2.212-2.835 3.693-3.833 1.987-1.289 4.596-.645 6.947-.881Zm-60.9-10.361c.171.569.354 1.117.547 1.664.15.43.311.87.472 1.299.161.43.333.859.516 1.278.129.301.258.591.386.891.011-.086.033-.161.043-.247.44-2.362 2.212-4.971 4.585-4.627.451.064.902.236 1.364.171 1.299-.193 1.728-2.168 3.027-2.351.731-.107 1.396.408 2.116.548 1.299.236 2.491-.795 3.178-1.933.666-1.127 1.074-2.448 1.943-3.436 1.342-1.492 3.769-2.244 4.07-4.23.332-2.212-2.223-3.619-3.383-5.53-1.61-2.663-.3-6.077-.386-9.202-.086-2.791-1.858-7.043-4.671-8.203-2.05-.837-3.382-.214-4.477.956l-.193-.193c-.602-.526-1.343-1.106-1.321-1.89.022-.923 1.095-1.568 1.095-2.491 0-.472-.279-.891-.44-1.342-.161-.44-.129-1.052.301-1.256.354-.183.805.053 1.202-.065a.729.729 0 0 0 .505-.74c-.108-1.268-1.987-.172-2.63-.054-.183.032-.355.064-.495.064v.01a2.365 2.365 0 0 0-.15.194c-.161.215-.322.44-.483.655-.161.215-.322.44-.483.655-.13.183-.247.365-.376.548-.129.182-.258.365-.376.547a2.286 2.286 0 0 0-.172.269 45.262 45.262 0 0 0-5.905 13.42 42.776 42.776 0 0 0-1.149 6.454 40.304 40.304 0 0 0-.215 2.813 38.04 38.04 0 0 0-.01 3.5c.032 1.106.107 2.223.236 3.329a45.96 45.96 0 0 0 .72 4.541 36.062 36.062 0 0 0 1.008 3.984Zm16.147-48.553c1.106-.107 2.352.666 2.373 1.782.011.795-.59 1.46-1.138 2.03-.741.773-1.492 1.546-2.244 2.319-.226.225-.451.483-.515.805-.129.73.848 1.267 1.535 1.02.698-.247 1.127-.945 1.46-1.61.333-.677.655-1.396 1.289-1.793 1.567-.988 3.5.687 5.347.633 1.149-.032 2.147-.74 3.178-1.256 1.02-.516 2.351-.816 3.264-.118.311.236.537.569.859.784.945.622 2.437-.355 2.244-1.482-.032-.237-.14-.473-.107-.709.053-.43.515-.698.944-.72.43-.01.827.183 1.214.377.88.429 1.761.859 2.641 1.299.966.483 2.405.816 2.899-.15.429-.827-.365-1.89.011-2.75.086-.214.247-.397.29-.622.096-.655-.763-.966-1.407-1.03.301-.827-.472-1.848-1.353-1.783-.741.054-1.278.698-1.847 1.16-1.374 1.138-3.253 1.417-5.014 1.653-.59.075-1.245.15-1.75-.172-.505-.322-.644-1.202-.118-1.47.354-.183.902-.055 1.084-.42.237-.45-.504-.923-.365-1.417 1.106-.966 2.771-.505 4.231-.408a7.841 7.841 0 0 0 5.025-1.417c.236-.161.483-.376.515-.655.054-.408-.311-.73-.644-.966-.773-.559-1.836-1.15-2.631-.612-.429.29-.633.816-1.009 1.16-1.138 1.03-2.899-.012-4.434 0-.602 0-1.181.171-1.772.085-.634-.107-1.181-.515-1.739-.848-.097-.054-.204-.118-.301-.172-.634.226-1.267.462-1.901.72a54.45 54.45 0 0 0-1.857.805 44.25 44.25 0 0 0-8.257 4.917 45.001 45.001 0 0 0-2.641 2.137 46.845 46.845 0 0 0-2.491 2.362c.891-.494 1.707-1.31 2.319-1.868.773-.763 1.707-1.482 2.813-1.6Z"
                fill={bgColor}
            />
            <path
                d="M172.762 127.908c.375-.537.73-1.074 1.073-1.622.344-.547.666-1.095.988-1.653.258-.451.505-.902.741-1.364.247-.483.494-.966.73-1.449a43.412 43.412 0 0 0 1.836-4.467c.204-.58.397-1.159.569-1.75.183-.591.344-1.17.494-1.772v-.01c.054-.484.108-.967.129-1.461.236-4.713-.966-9.373-1.031-14.087-.021-1.535-.01-2.78-1.181-3.897-1.728-1.654-3.479-1.246-3.565-4.048-.021-.752-.343-1.664-1.095-1.75-.139.494-.268.988-.408 1.482-.032.107-.064.214-.139.29-.226.257-.687.043-.816-.28-.118-.322-.043-.676-.054-1.03.011-1.3-1.342-2.427-2.631-2.19a1.33 1.33 0 0 0 0-1.3c-.59.666-1.782.623-2.319-.097.14-.44.827-.053 1.267-.193.408-.15.44-.72.344-1.149a4.908 4.908 0 0 0-1.858-2.78c-.59-.43-1.31-.763-1.61-1.44-.172-.386-.183-.826-.365-1.213-.387-.826-.677.355-1.589.258-1.246-.14-1.879-.3-2.889.451a7.712 7.712 0 0 0-.579.483c-.484.462-.612 1.213-.258 1.782.021.033.032.054.054.086.289.355.161.892-.076 1.289-.225.386-.547.762-.601 1.213-.054.451.365.988.784.827.805-.118 1.288-.923 1.621-1.664.344-.73.72-1.557 1.482-1.826.773-.257 1.772.698 1.224 1.3-.322.354-.956.322-1.213.73-.258.408.075.966.483 1.224.408.268.923.408 1.235.784.332.365.279 1.095-.204 1.191-.881.204-1.482-1.632-2.212-1.116-.194.129-.258.375-.408.547-.451.537-1.321.247-1.944-.086-.622-.343-1.267-.708-1.621-1.32-.344-.612-.225-1.557.419-1.836-.14-.42-.741-.516-1.128-.301-.386.215-.612.633-.816 1.02-.515-.569-1.428-.43-2.126-.161-.708.268-1.471.633-2.19.397-.73-.236-1.374-1.063-2.061-.74-.902.418-.355 2.136-1.257 2.544-.515.225-1.063-.183-1.599-.365-1.418-.494-3.039.945-2.878 2.427.15 1.481 1.804 2.566 3.275 2.287 1.02-.183 1.857-.87 2.791-1.3.935-.418 2.202-.515 2.846.29.247.322.365.73.472 1.117.161.601.322 1.213.483 1.825.108.387.194.848-.064 1.16-.204.247-.558.311-.816.494-.741.537-.193 1.932.73 1.997.923.064 1.686-.88 1.675-1.793-.011-1.267-1.095-2.663-.333-3.683 1.106-.086 1.793 1.3 1.632 2.405-.161 1.095-.827 2.062-1.063 3.157-.247 1.084.193 2.512 1.299 2.673.301-.88.602-1.74.902-2.609.784-.021.591 1.514 1.342 1.761.462.15.881-.354.978-.837.096-.473.021-.988.225-1.428.387-.806 1.632-.88 2.276-.258.634.623.666 1.675.312 2.48-.151.322-.344.623-.408.966-.129.752.451 1.418.859 2.051.418.644.612 1.643-.043 2.051-.29.172-.72.225-.816.558-.076.29.193.623.021.881-.118.161-.365.15-.569.107-.494-.107-.956-.354-1.46-.44-.494-.086-1.095.032-1.353.472-.365.623.139 1.385.118 2.105-.011.687-.483 1.267-.655 1.943-.15.612-.043 1.278-.021 1.911.043 2.008-.935 3.876-1.568 5.788-.29.859-.451 1.921.183 2.566.343.354.858.472 1.331.59 1.342.322 2.749.644 4.08.312 1.342-.333 2.566-1.557 2.394-2.921-.01-.182-.064-.365-.193-.483-.182-.161-.451-.15-.687-.193-.698-.129-1.224-.795-1.385-1.503-.172-.698-.054-1.428.054-2.148.118-.784.246-1.567.365-2.362.558-.054 1.02.462 1.17.999.15.536.075 1.105.118 1.653.107 1.707 1.213 3.2 2.48 4.338.322.29.666.58.891.955.709 1.203-.075 2.942.795 4.048.247.312.591.526.784.87.29.515.161 1.16-.032 1.718-.365 1.031-.924 1.997-1.139 3.071-.214 1.073-.01 2.33.87 2.974.548.397 1.278.494 1.954.386v-.01a48.627 48.627 0 0 0 1.793-2.384 4.47 4.47 0 0 0 .355-.515Zm-25.747 4.917c-.634-.279-.967-.032-1.557.161-.762.258-1.697.398-2.427.677-1.234.461-1.664 2.233-2.985 2.426-.268.043-.547-.01-.816.065-.579.15-.901.859-.719 1.428.183.569.762.955 1.364.998.59.043 1.181-.204 1.664-.558.343-.258.666-.601 1.095-.644.73-.075 1.235.708 1.89 1.052 2.791 1.417 5.239-4.381 2.491-5.605Z"
                fill={bgColor}
            />
            <path
                d="M84.363 154.17 49.47 177.101c-.918.601-.388 2.028.701 1.89l46.093-5.894a1.035 1.035 0 0 0 .733-1.595l-11.2-17.037a1.037 1.037 0 0 0-1.434-.295Zm2.669 14.578-15.311 1.245c-.363.029-.573-.484-.278-.679l11.162-7.46c.152-.103.37-.043.487.132l4.15 6.21c.153.235.039.53-.21.552Z"
                fill="#598FFF"
            />
            <path
                d="m110.281 201.274.941-2.304a.975.975 0 0 0-.552-1.278l-38.198-14.627a.975.975 0 0 0-.984.168c-.763.67-2.116 2.177-1.156 3.807a.98.98 0 0 0 .5.421l38.208 14.356a.973.973 0 0 0 1.241-.543Z"
                fill="#4951EC"
            />
            <path
                d="m110.773 197.73 6.893 4.808c.22.155.084.497-.183.459l-7.946-1.133 1.236-4.134Z"
                fill="#EEF4FF"
            />
            <path
                d="m114.594 202.58 2.894.413c.262.037.398-.305.182-.459l-2.435-1.7c-.739.716-.777 1.33-.641 1.746Z"
                fill="#4951EC"
            />
            <defs>
                <linearGradient
                    gradientUnits="userSpaceOnUse"
                    id="empty-room-svg"
                    x1="119.833"
                    x2="119.833"
                    y1="50"
                    y2="190"
                >
                    <stop stopColor="#69A0FF" />
                    <stop offset="1" stopColor="#D6E5FF" />
                </linearGradient>
            </defs>
        </svg>
    );
};

export default EmptyRoomSVG;
